#box{
    width: 278px;
    height: 340px;
    border: 1px solid #dee3eb;
    margin: 100px auto 0;
    .nav{
        height: 40px;
        width: 100%;
        display: flex;
        justify-content: space-around;
        input{
            width: 32px;
            height: 100%;
            font-size: 16px;
            background: #fff;
        }
        .act{
            color: green;
            border-top: 2px solid green;
        }
    }
    .list{
        height: 300px;
        width: 100%;
        display: none;
        .pic{
            height: 110px;
            width: 100%;
            img{
                width: 100%;
                height: 100%;
            }
        }
        .news{
            height: 190px;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            box-sizing: border-box;
            padding-top: 20px;
            padding-bottom: 17px;
            li{
                width: 250px;
                height: 18px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                span{
                    display: inline-block;
                }
                span:nth-child(1){
                    font-size: 12px;
                }
                span:nth-child(2){
                    font-size: 12px;
                    color: #bbbbbb;
                    border: 1px solid #f0f0f0;
                }
            }
        }
    }
    .list:nth-child(2){
        display: block;
    }
}